.topic-banner-detail-ctn {
    position: absolute;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}

@media screen and (max-width: 320px) {
    .topic-banner-detail-ctn {
        left: 120px;
    }
    .topic-banner-detail-title {
        font-size: 20px;
    }
}

@media screen and (min-width:321px) and (max-width: 375px) {
    .topic-banner-detail-ctn {
        left: 145px;
    }
    .topic-banner-detail-title {
        font-size: 26px;
    }
}

@media screen and (min-width:376px) and (max-width: 414px) {
    .topic-banner-detail-ctn {
        left: 166px;
    }
    .topic-banner-detail-title {
        font-size: 26px;
    }
}

@media screen and (min-width: 415px) {
    .topic-banner-detail-ctn {
        left: 50%;
    }
    .topic-banner-detail-title {
        font-size: 26px;
    }
}
